<template>
	<view style="height:auto;width: 100%;background: #fff;min-height: 100vh;float: left;overflow-x: hidden;">
		<view class="top">
			<view class="top_adr" @click="dingwei()">
				<image src="../../static/img/adrs.png" mode="widthFix"></image><text class="t1"
					style="display: -webkit-box;">{{adrname}}</text>
			</view>
			<input type="text" class="top_inp" v-model="tiaojian" placeholder-class="t8" placeholder="搜索"
				@confirm="searchs()" />
			<view class="top_kefu" @click="kefu()">
				<image src="../../static/img/kefus.png" mode="widthFix"></image>
			</view>
		</view>
		<view class="bai"></view>
		<view class="ind_banner">
			<!-- <view class="top_bg"></view> -->
			<swiper class="ind_banner_main" circular :autoplay="false" :indicator-dots="true"
				indicator-color="rgba(0, 0, 0, .3)" indicator-active-color="rgba(241, 199, 94, 1)"
				@change="bannerChange">
				<!-- <swiper-item>
					<view class="ind_banner_item"><image src="../../static/img/banner.png"></image></view>
				</swiper-item> -->
				<!-- <swiper-item v-for="(item,index) in imglist" :key="imgindex">
					<view class="swiper-item t8">{{item.content}}</view>
				</swiper-item> -->
				<swiper-item v-for="(item,iindex) in imglist" :key="iindex" @click="onTapBanner(item,iindex)">
					<block v-if="currentBannerIndex==iindex">
						<view class="ind_banner_item">
							<image :src="item.content"></image>
						</view>
					</block>
				</swiper-item>
				<!-- <swiper-item>
					<view class="ind_banner_item">
						<image src="../../static/img/banner.png"></image>
					</view>
				</swiper-item> -->
			</swiper>
		</view>

		<view class="ind_jiaoyi_jian1" style="margin-bottom:0;">

			<swiper class="ind_banner_main1" circular :autoplay="false" :indicator-dots="true"
				indicator-color="rgba(200, 200, 200, .1)" indicator-active-color="rgba(241, 199, 94, .1)"
				@change="navPageChange">

				<swiper-item v-for="(list,index) in navlist" :key="index">
					<block v-if="currentNavIndex == index">
						<view class="ind_banner_item1">
							<view class="ind_nav" v-for="(li,i) in navlist[index]" :key="'b-'+i" @click="navs(li.name)">
								<image class="ind_nav_image" :src="li.picUrl" mode="widthFix"></image>
								<text class="t1">{{li.name}}</text>
							</view>
						</view>
					</block>
				</swiper-item>

			</swiper>
		</view>

		<view class="ind_gg" @click="msg()" style="margin-top: 7vw;">
			<image src="../../static/img/gg.png"></image>
			<view class="uni-padding-wrap">
				<view class="page-section swiper">
					<view class="page-section-spacing">
						<swiper class="swiper" :indicator-dots="false" autoplay="true" interval="2000" duration="500"
							vertical="false">

							<swiper-item v-for="(item,mindex) in msgs" :key="mindex">
								<view class="swiper-item t8">{{item.title}}</view>
							</swiper-item>
						</swiper>
					</view>
				</view>
			</view>
		</view>

		<view v-if="alist.length>0" class="actmain">
			<image class="actmain_li" v-for="(item,aindex) in alist" :key="aindex" @click="msgxq(item.id)"
				:src="item.mainPic" v-if="aindex<3"></image>
		</view>

		<view class="shop">
			<view class="shop_tit t10">
				<image class="shop_tit_img" src="../../static/img/shop.png"></image>附近店铺
			</view>
			<view class="msg_list" v-for="(item,sindex) in shoplists" :key="sindex" @click="shopDetail(item)">
				<view class="msg_list_img">
					<image :src="item.mainUrl" mode="aspectFill">
				</view>
				<view class="msg_list_tit t1">
					<view class="msa_list_tit_main">

						<view class="msg_list_text t1"> {{item.mchShortName}}</view>
						<image src="../../static/img/tel.png" mode="widthFix" class="msg_img" v-if="item.mobile">
						</image>
						<image src="../../static/img/juli.png" mode="widthFix" class="msg_img" v-if="item.distance">
						</image>

						<text class="t24" v-if="item.distance"
							style="height: 5vw;line-height: 5vw;width: auto;float: right;margin-top: 1vw;margin-left: 2vw;">{{item.distance}}km</text>
					</view>
					<text class="msg_list_tab t24">地址：{{item.address}}</text>
				</view>
			</view>
			<view class="zanwu" v-show="jiazai" style="padding: 4vw 0;"><text class="t7">{{more}}</text></view>
		</view>
		<view class="bai t8" style="margin-bottom:2vw; text-align: center;">山东高盛信息技术有限公司</view>
		<view class="float" v-if="upshow">
			<image src="../../static/img/sj.png" class="float_img"></image>
			<text class="t11 float_ts" style="margin-top: -8vw;font-weight: bold;">版本升级</text>
			<text class="t5 float_ts">最新版本{{bb}} 上线啦,尽快更新体验吧！</text>
			<text class="up_but1 t12" @click="quxup">取消</text>
			<text class="up_but2 t9 tuic" @click="quedup">更新</text>
		</view>
	</view>
</template>
<script>
	import permision from "@/js_sdk/wa-permission/permission.js";
	var canvasObj = {};
	export default {
		data() {
			return {
				alist: [],
				headimg: "../../static/img/logo.png",
				token: "",
				mainid: "",
				imgindex: 0,
				imglist: [],
				msgs: [],
				level: 99,
				type: "",
				version: "",
				utype: "",
				adrname: "",
				latitude: "",
				longitude: "",
				zhuangtai: 0,
				tiaojian: '',
				pages: 1,
				shoplists: [],
				tel: "",
				plat: "",
				navlist: [],
				jiazai: false,
				more: '暂无数据',
				upshow: false,
				bb: 0,
				upurl: '',
				isup: 0,
				// issup:0,

				currentNavIndex: 0, //频道列表当前页
				currentBannerIndex: 0, //轮播图当前页

				publishState: 1,
			};
		},
		// onReady() {
		//   this.getServerData();
		// },
		onLoad() {
			var _this = this;
			//#ifdef APP-PLUS
			_this.version = plus.runtime.version;
			_this.bb = plus.runtime.version;
			//#endif
			_this.ups();
			_this.daohang();
			// 进入页面查看定位权限,提示打开定位
			//#ifdef APP-PLUS
			uni.getLocation({
				type: "wgs84",
				geocode: true,
				success: function(res) {
					// console.log(res);
					console.log("onload 位置信息: ", res);
					_this.adrname = res.address.poiName;
					_this.latitude = res.latitude;
					_this.longitude = res.longitude;
				},
				fail: function(e) {
					console.log(e)
					if (e.errCode == 1) {

						uni.showToast({
							title: '请打开手机定位，否则影响您的体验',
							icon: "none",
							duration: 3000,
						});
						_this.urladr();
					}
				}
			});
			//#endif
		},
		onShow() {
			var _this = this;
			_this.messgaelist();
			_this.actlist();

			this.getPublishState()

			uni.getStorage({
				key: "user",
				success: function(res) {
					// _this.nickname = res.data.nickName;
					_this.mainid = res.data.id;
					//#ifdef APP-PLUS
					uni.getLocation({
						type: "wgs84",
						geocode: true,
						success: function(res) {
							console.log('onshow 获取位置', res);
							_this.adrname = res.address.poiName;
							_this.latitude = res.latitude;
							_this.longitude = res.longitude;

							//测试
							// _this.latitude = '22.639';
							// _this.longitude = '114.042';

							_this.myinfo();
							_this.shoplist();
						},
						fail: function(e) {
							console.log(e);
							_this.myinfo();
							_this.shoplist();
						}
					});
					//#endif
				},
			});
		},
		methods: {
			//获取发布状态
			getPublishState() {

				uni.request({
					header: {
						"Content-Type": "application/x-www-form-urlencoded", //自定义请求头信息
					},
					url: getApp().globalData.url + 'admin/user/getAppletId/1453982355387654100',
					data: {
						id: 1453982355387654100
					},
					method: 'POST',
					success: (res) => {
						console.log("app发布状态: ", res);
						this.publishState = res.data.data.state
						console.log("this.navlist length: ", this.navlist.length);
						if (this.navlist.length > 0) {
							if (this.publishState == 2&&this.navlist[2].length<=2) {
								let lastdata = {
									id: 99,
									name: '会员系统',
									subNav: '会员系统',
									status: 1,
									picUrl: '../../static/img/huiy.png',
								}
								this.navlist[2].push(lastdata)
							}
						} else {
							setTimeout(res => {
								this.getPublishState()
							}, 500);
						}

					}
				})
			},

			//导航搜索
			navs(e) {
				console.log(e)
				if (e == '会员系统') {
					plus.runtime.openURL('https://vip.vworld365.com/admincwcw.php/Coin/index.html');
				} else {
					uni.navigateTo({
						url: '/pages/shop/shop?nav=' + e
					});
				}
			},
			// 顶部搜索
			searchs() {
				// console.log(11);
				if (!this.tiaojian) {
					uni.showToast({
						title: '请输入搜索条件',
						icon: "none",
						duration: 2000,
					});
				} else {
					// uni.pageScrollTo({
					// scrollTop: 0,
					// duration: 0
					// });
					uni.hideKeyboard(); //添加这一行代码即可
					this.shoplist();
				}
			},
			onTapBanner(item, index) {
				let src = ''
				if (item.url) {
					src = item.url
				} else {
					switch (index) {
						case 0:
							src = 'https://front.zhaocaiami.vworld365.com/index.html'
							break;
						case 1:
							src = 'https://front.zhaocaiami.vworld365.com/newlist.html'
							break;
						case 2:
							src = 'https://front.zhaocaiami.vworld365.com/fuwu.html'
							break;
						case 3:
							src = 'https://front.zhaocaiami.vworld365.com/fuwu.html'
							break;
						default:
							break;
					}
				}
				uni.navigateTo({
					url: '/pages/webview/webview?src=' + src,
					fail: (err) => {
						console.log("err: ", err);
					}

				});
			},
			//轮播图切换
			bannerChange(e) {
				this.currentBannerIndex = e.detail.current
			},
			//打开外部地图
			getLocation(lat, lon) { //打开外部地图
				console.log(lat, lon);
				// uni.getLocation({
				//     success(res) {
				//         console.log('定位1',res)
				uni.openLocation({
					latitude: Number(lat),
					longitude: Number(lon),
					scale: 18,
					success: function() {
						console.log('success');
					}
				})
				//     }
				// })
			},
			//客服
			kefu() {
				uni.navigateTo({
					url: '/pages/guanyu/kefu'
				});
			},
			rimingxi() {
				// console.log(11);
				uni.navigateTo({
					url: "/pages/mingxi/mingxi_jiaoyi_user",
				});
			},
			shezhis() {
				// console.log(11);
				uni.navigateTo({
					url: "/pages/hongbao/shezhi",
				});
			},
			// 获取商家列表
			shoplist() {
				var _this = this;
				// alert(111);
				var data = {
					distance: 15, //	距离		false						string
					lat: _this.latitude, //		经纬度		false						string
					lon: _this.longitude, //	经纬度		false						string
					rootNav: "", //	主目录		false						string
					subNav: _this.subNav, //	二级目录		false						string
					mchName: _this.tiaojian, //	店铺名		false						string
				};
				console.log('附近店铺请求参数', data)
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: getApp().globalData.url + "area/mchPageByLaLo/" + _this.pages, //仅为示例，并非真实接口地址。
					method: "POST",
					data: data,
					success: (res) => {
						//uni.hideLoading(); //关闭加载动画

						console.log('附近店铺：', res);
						// alert(1)
						if (res.data.status == "200") {
							var len = res.data.data.pages;
							// if (len == _this.pages) {
							// 	_this.more = "没有更多数据了";
							// 	_this.jiazai = true;
							// 	_this.zanwu = false;
							// 	_this.ismore = false;
							// } else if (len == 0) {
							// 	// console.log(111);
							// 	_this.more = "暂无数据";
							// 	_this.jiazai = false;
							// 	_this.zanwu = true;
							// 	_this.ismore = false;
							// } else {
							// 	_this.more = "加载更多";
							// 	_this.jiazai = true;
							// 	_this.zanwu = false;
							// 	_this.ismore = true;
							// }
							if (_this.pages == 1) {
								_this.shoplists = res.data.data.records;

								//没有数据暂时显示聊城,上架通过审核暂用
								if (_this.shoplists.length == 0) {
									_this.latitude = '36.46125'
									_this.longitude = '116.047659'
									_this.shoplist()
								}

							} else {
								var list = _this.shoplists;
								for (var i = 0; i < res.data.data.records.length; i++) {
									list.push(res.data.data.records[i]);
									// console.log(res.data.data.records[i].sell);
								}
								_this.shoplists = list;
								this.$forceUpdate();
							}
						} else {
							// uni.showToast({
							// 	title: res.data.msg,
							// 	icon: 'none',
							// 	duration: 2000
							// });
						}
					},
					fail: (error) => {
						//uni.hideLoading();
						// this.checks = true
						uni.showToast({
							title: error,
							icon: "none",
							duration: 2000,
						});
					},
				});
			},
			//跳转商家详情页面
			shopDetail(item) {
				uni.navigateTo({
					url: '/pages/shop/detail?id=' + item.mchId + '&distance=' + item.distance
				})
			},
			urladr() {
				var _this = this;
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: 'https://app.bilibili.com/x/resource/ip', //仅为示例，并非真实接口地址。
					method: "GET",
					data: {},
					success: (res) => {
						// console.log(res);
						if (res.data.code == "0") {
							_this.adrname = res.data.data.city + '市';
						}
					},
				});
			},
			async requestAndroidPermission(permisionID) {
				var result = await permision.requestAndroidPermission(permisionID);
				var strStatus;
				if (result == 1) {
					strStatus = "已获得授权";
				} else if (result == 0) {
					strStatus = "未获得授权";
					uni.showModal({
						content: "您已拒绝获取定位权限，请到设置中去打开此权限",
						showCancel: false,
					});
				} else {
					uni.showModal({
						content: "您已拒绝获取定位权限，请到设置中去打开此权限",
						showCancel: false,
					});
					// strStatus = "被永久拒绝权限"
				}
				// uni.showModal({
				// 	content: permisionID + strStatus,
				// 	showCancel: false
				// });
			},
			dingwei() {
				var that = this;
				that.requestAndroidPermission("android.permission.ACCESS_FINE_LOCATION");
				uni.chooseLocation({
					success: function(res) {
						// console.log(res);
						// console.log("位置名称：" + res.name);
						// console.log("位置名称：" + res.city);
						// console.log("详细地址：" + res.address);
						// console.log("纬度：" + res.latitude);
						// console.log("经度：" + res.longitude);
						that.adrname = res.name;
						that.latitude = res.latitude;
						that.longitude = res.longitude;
					},
					fail: function(res) {}
				});
			},
			msgxq(e) {
				console.log(e);
				uni.navigateTo({
					url: "/pages/msg/msg?id=" + e,
				});
			},
			msg() {
				uni.navigateTo({
					url: "/pages/msg/msglist",
				});
			},
			myinfo() {
				var that = this;
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: getApp().globalData.url + "user/myInfo/" + that.mainid, //仅为示例，并非真实接口地址。
					method: "POST",
					data: {
						id: that.mainid,
					},
					success: (res) => {
						//	uni.hideLoading(); //关闭加载动画
						console.log(res);
						if (res.data.status == "200") {
							that.level = res.data.data.level;
							that.utype = res.data.data.type;
						}
					},
					fail: (error) => {
						// this.checks = true
						console.log(error);
					},
				});
			},
			actlist() {
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: getApp().globalData.url + "article/activityList", //仅为示例，并非真实接口地址。
					method: "POST",
					// data: {
					// 	limitNum: 10,
					// },
					success: (res) => {
						console.log("actlist: ", res);
						//uni.hideLoading(); //关闭加载动画
						this.checks = true;
						// console.log(res);
						if (res.data.status == "200") {
							this.alist = res.data.data;
						} else {}
					},
					fail: (error) => {
						console.log("actlist error: ", error);
					},
				});
			},
			messgaelist() {
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: getApp().globalData.url + "article/bulletinList", //仅为示例，并非真实接口地址。
					method: "POST",
					// data: {
					// 	limitNum: 10,
					// },
					success: (res) => {
						//uni.hideLoading(); //关闭加载动画
						this.checks = true;
						console.log('bulletinList:', res);
						if (res.data.status == "200") {
							var list = [];
							var imglist = [];
							for (var a in res.data.data) {
								// console.log(a);
								if (res.data.data[a].type == 1) {
									list.push(res.data.data[a]);
								} else {
									imglist.push(res.data.data[a]);
								}
							}

							this.msgs = list;
							this.imglist = imglist;
						} else {}
					},
					fail: (error) => {
						// console.log(error)
					},
				});
			},
			daohang() { //导航列表
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: getApp().globalData.url + "mch/getSubNavList", //仅为示例，并非真实接口地址。
					method: "POST",
					success: (res) => {
						this.checks = true;
						console.log('频道列表', res);
						if (res.data.status == "200") {
							var lastdata = {
								id: 99,
								name: '会员系统',
								subNav: '会员系统',
								status: 1,
								picUrl: '../../static/img/huiy.png',
							}

							let list = res.data.data
							//筛选有数据的频道前排显示，上架审核用
							let list1 = []
							let list2 = []
							let list3 = []
							for (let item in list) {
								if (list[item].id == 1 || list[item].id == 2 || list[item].id == 3 ||
									list[item].id == 6 || list[item].id == 9 || list[item].id == 12 || list[
										item].id == 15 || list[item].id == 8) {
									list1.push(list[item])
								} else if (list[item].id == 4 || list[item].id == 5 || list[item].id == 7 ||
									list[item].id == 10 ||
									list[item].id == 11 || list[item].id == 13 || list[item].id == 14 || list[
										item].id == 16) {
									list2.push(list[item])
								} else {
									list3.push(list[item])
								}
							}
							list1 = list1.reverse()
							//小米审核不过 暂时隐藏会员系统
							// list1.push(lastdata)
							this.navlist.push(list1, list2, list3)
							console.log("this.navlist: ", this.navlist);
						}

						// 	res.data.data.push(lastdata);
						// 	var list = [];
						// 	console.log(res.data.data);
						// 	let groups = [];
						// 	if (res.data.data) {
						// 		var lens = Math.ceil(res.data.data.length / 8);
						// 		console.log("lens: ",lens);
						// 		for (let i = 0; i < lens; i++) {
						// 			var li = [];
						// 			for (let a = 0; a < res.data.data.length; a++) {
						// 				let n = i + 1;
						// 				if (a < 8 * n && a >= 8 * i) {
						// 					li.push(res.data.data[a]);
						// 				}
						// 			}
						// 			groups.push(li);
						// 		}
						// 	}
						// 	this.navlist = groups;
						// 	console.log("this.navlist: ",this.navlist);
						// } else {}

					},
					fail: (error) => {
						// console.log(error)
					},
				});
			},
			//频道列表切换
			navPageChange(e) {
				console.log("navPageChange: ", e);
				this.currentNavIndex = e.detail.current
			},

			quxup() { //取消升级
				this.upshow = false;
				if (this.isup == 1) {
					plus.runtime.openURL(this.upurl);
				}
			},
			quedup() { //确定升级
				plus.runtime.openURL(this.upurl);
				setTimeout(function() {
					this.upshow = false;
				}, 500)
			},
			ups() {
				var _that = this;
				uni.request({
					header: {
						"Content-Type": "application/json", //自定义请求头信息
					},
					url: getApp().globalData.url + "sys/getVersion", //仅为示例，并非真实接口地址。
					method: "POST",
					data: {
						// id: this.mainid
						plat: 0, ///	平台（1：android；2：ios；3：微信；4：阿里）		true	string
						// id: this.mainid, ///	当前登录用户ID		false	string
						version: _that.version, ///	当前版本号
					},
					success: (res) => {
						uni.hideLoading(); //关闭加载动画
						// console.log(res);
						// console.log(res.data.data.version.url);
						if (res.data.status == "200") {
							// var isup = res.data.data.version.isUp;
							// var urls = res.data.data.version.url;
							// var versions = res.data.data.version.version;

							// _that.isup=res.data.data.up;
							_that.isup = res.data.data.version.isUp;
							_that.bb = res.data.data.version.version;
							_that.upurl = res.data.data.version.url;
							// console.log(isup);
							// console.log(urls);
							// console.log(versions);
							if (res.data.data.up == 1) {
								_that.upshow = true;
								// //升级
								// uni.showModal({
								// 	//提醒用户更新
								// 	title: "更新提示",
								// 	content: versions,
								// 	success: (res) => {
								// 		console.log(res);
								// 		if (res.confirm) {
								// 			plus.runtime.openURL(urls);
								// 		} else {
								// 			if (isup == 1) {
								// 				plus.runtime.openURL(urls);
								// 			}
								// 		}
								// 	},
								// });
							}
						}
					},
					fail: (error) => {
						uni.hideLoading();
						// this.checks = true
						uni.showToast({
							title: error,
							icon: "none",
							duration: 2000,
						});
						console.log(error);
					},
				});
			},
		},
	};
</script>

<style>
	/* 广告 */
	.actmain {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		margin: 10vw 5% 0;
		/* margin-top: 10vw; */
	}

	.actmain_li {
		width: 47.5%;
		height: 15vw;
		display: block;
		float: left;
		background: #F1C75E;
		margin-left: 2.5%;
		margin-bottom: 2vw;
		border-radius: 3vw;
	}

	.actmain_li:first-child {
		width: 45%;
		height: 32vw;
		display: block;
		float: left;
		margin-left: 0;
		margin-right: 2.5%;
	}

	uni-swiper .uni-swiper-dot {
		width: 35upx !important;
		height: 13upx !important;
		border-radius: 5px !important;
	}

	.top_inp {
		width: 58vw;
		height: 8vw;
		float: left;
		border: 1px solid #aaa;
		border-radius: 1vw;
		margin-left: 28vw;
		margin-top: 2vw;
		padding: 0 2vw;
		background: url(../../static/img/search.png) no-repeat;
		background-size: 4vw;
		background-position: 2vw;
		padding-left: 9vw;
	}

	.top_kefu {
		width: 8vw;
		height: 8vw;
		float: right;
		padding: 1vw;
		margin-top: 2vw;
		margin-right: 4vw;
	}

	.top_kefu image {
		width: 100%;
	}

	/* body{background: #ffffff;} */
	.ind_top {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		margin: 0 5%;
		margin-top: 8vw;
	}

	.ind_top_tx {
		width: 12vw;
		height: 12vw;
		display: block;
		float: left;
		border-radius: 50%;
		overflow: hidden;
		margin-right: 2vw;
		margin-bottom: 3vw;
	}

	.ind_top_text {
		width: 60vw;
		height: auto;
		display: block;
		float: left;
	}

	.ind_info {
		width: 100%;
		height: 6vw;
		line-height: 6vw;
		display: block;
		float: left;
		overflow: hidden;
	}

	.ind_top_set {
		width: 7vw;
		height: 7vw;
		display: block;
		float: right;
		margin-top: 2.5vw;
	}

	.ind_banner {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		border-radius: 1vw;
		margin: 0 5%;
		overflow: hidden;
		margin-top: 12vw;
	}

	.ind_banner_main,
	.ind_banner_item {
		width: 100%;
		height: 41vw;
		display: block;
		float: left;
	}

	.ind_banner_main image {
		width: 100%;
		height: 34vw;
		display: block;
		float: left;
	}

	.ind_banner_main1,
	.ind_banner_item1 {
		width: 100%;
		height: 56vw;
		display: block;
		float: left;
	}

	uni-swiper.ind_banner_main1 .uni-swiper-dot {
		width: 30upx !important;
		height: 5upx !important;
		border-radius: 5px !important;
	}

	/* .uni-swiper-dot-active{
	background-color: #F19F5E;
} */
	.top_bg {
		position: absolute;
		top: -10vw;
		left: 0vw;
		width: 100vw;
		height: 60vw;
		display: block;
		float: left;
		background: #f4bf46;
		/* margin-left: -25vw; */
		border-radius: 0 0 20vw 20vw;
	}

	.ind_gg {
		width: 90%;
		height: auto;
		line-height: 8vw;
		display: block;
		float: left;
		padding: 1vw 5%;
		background: #ffffff;
		border-radius: 6vw;
		margin: 0 5%;
		box-shadow: 0px 0px 2vw #dfdfdf;
		margin-top: 5vw;
		/* margin-top: 88rpx; */
	}

	.ind_gg image {
		width: 6vw;
		height: 6vw;
		display: block;
		float: left;
		margin-top: 1vw;
		margin-right: 2vw;
	}

	.ind_gg_list,
	.swiper {
		width: 68vw;
		height: 8vw;
		line-height: 8vw;
		display: block;
		float: left;
	}

	.ind_gg_li,
	.swiper swiper-item {
		width: 100%;
		height: 10vw;
		display: block;
		float: left;
	}

	.ind_jiaoyi {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		margin: 2vw 5%;
		border-radius: 1vw;
		box-shadow: 0px 0px 6px #c6c6c6;
		overflow: hidden;
	}

	.ind_jiaoyi_tit {
		width: 100%;
		height: 12vw;
		display: block;
		float: left;
		line-height: 12vw;
		background: #9240e0;
	}

	.ind_jiaoyi_li {
		width: 25%;
		height: 12vw;
		line-height: 12vw;
		display: block;
		float: left;
		text-align: center;
	}

	.ind_jiaoyi_li image {
		width: 5vw;
		height: 5vw;
		display: block;
		float: left;
		margin-top: 3.5vw;
		margin-left: 2.6vw;
	}

	.ind_jiaoyi_list {
		width: 100%;
		height: 12vw;
		display: block;
		float: left;
	}

	.ind_jiaoyi_jia {
		width: 90%;
		height: 6vw;
		display: block;
		float: left;
		border: 1px solid #fb1207;
		line-height: 6vw;
		text-align: center;
		margin: 0 10%;
		margin-top: 3vw;
		border-radius: 1vw;
	}

	.ind_jiaoyi_jian {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		background: #ffffff;
		padding: 5vw 0;
		border-radius: 5vw;
		margin: 0 5%;
		/* margin-top: -46vw; */
		box-shadow: 0px 0px 6px #c6c6c6;
	}

	.ind_jiaoyi_li1 {
		width: 25%;
		height: 12vw;
		line-height: 12vw;
		display: block;
		float: left;
		text-align: left;
	}

	.shouyi {
		width: 50%;
		height: auto;
		display: block;
		float: left;
		/* background: #F1C75E; */
		padding: 14vw 4vw;
		border-radius: 1vw;
		margin-left: 4vw;
		background: #fcea6c url(../../static/img/sy.png) no-repeat;
		background-size: 20vw;
		background-position: right bottom;
	}

	.shouyi text {
		width: 100%;
		height: auto;
		line-height: 12vw;
		display: block;
		float: left;
		text-align: center;
	}

	.shouyi1 {
		width: 36%;
		height: auto;
		display: block;
		float: left;
		background: #dec8ee;
		padding: 4vw;
		border-radius: 1vw;
		margin-left: 4vw;
	}

	.shouyi2 {
		width: 36%;
		height: auto;
		display: block;
		float: left;
		background: #f9e9f3;
		padding: 4vw;
		border-radius: 2vw;
		margin-left: 4vw;
		margin-top: 4vw;
	}

	.shouyi1 text,
	.shouyi2 text {
		width: 100%;
		height: auto;
		line-height: 8vw;
		display: block;
		float: left;
	}

	.ind_jiaoyi_jian1 {
		width: 100%;
		height: auto;
		/* display: flex; */
		display: block;
		float: left;
		padding: 0 3vw;
		padding-top: 5vw;
		/* justify-content: space-between; */
	}

	.ind_jiaoyi_jian2 {
		width: 90%;
		height: auto;
		/* display: flex; */
		display: block;
		float: left;
		padding: 3vw;
		padding-bottom: 5vw;
		box-shadow: 0px 0px 0.5vw #dfdfdf;
		/* padding-top: 5vw; */
		border-radius: 5vw;
		margin: 0 5%;
		margin-top: 10vw;
	}

	.shouyi3 {
		width: 82vw;
		height: 12vw;
		line-height: 12vw;
		text-align: center;
		background: #f19f5e;
		display: block;
		float: left;
		margin: 4vw;
		border-radius: 1vw;
		margin-bottom: 0;
	}

	.ind_jiaoyi_jian1_img {
		width: 14vw;
		height: auto;
		display: block;
		float: left;
		margin: 2vw 0;
		margin-left: 4vw;
	}

	.ind_jiaoyi_jian_t {
		width: 40vw;
		height: auto;
		display: block;
		float: left;
		margin-left: 4vw;
		margin-top: 2vw;
	}

	.ind_jiaoyi_jian_t text {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		line-height: 8vw;
	}

	.ind_next {
		width: 16vw;
		height: auto;
		line-height: 16vw;
		text-align: center;
		display: block;
		float: right;
		margin-right: 4vw;
		margin-top: 2vw;
	}

	.ind_nav {
		/* width: auto; */
		width: 25%;
		height: auto;
		display: block;
		float: left;
		position: relative;
		padding-top: 18vw;
		padding-bottom: 5vw;
	}

	.ind_nav_image {
		width: 14vw;
		height: 14vw;
		/* padding: 3vw; */
		display: block;
		float: left;
		background: #f1c75e;
		border-radius: 14vw;
		position: absolute;
		top: 0vw;
		left: 50%;
		/* box-shadow: 0px 0px 2vw #dfdfdf; */
		margin-left: -6vw;
		margin-top: 2vw;
	}

	.ind_nav_image image {
		width: 104upx;
		height: 104upx;
		display: block;
		float: left;
	}

	.ind_nav text {
		width: 100%;
		height: auto;
		display: block;
		float: left;
		text-align: center;
	}

	.top {
		width: 100%;
		height: 20vw;
		position: fixed;
		top: 0vw;
		left: 0;
		padding-top: 8vw;
		background: #fff;
		z-index: 999;
	}

	.top_adr {
		width: auto;
		height: 12vw;
		float: left;
		position: absolute;
		top: 8vw;
		left: 0;
		padding-left: 5vw;
	}

	.top_adr text {
		width: 17vw;
		height: 12vw;
		position: relative;
		line-height: 12vw;
		float: left;
		overflow: hidden;
		word-break: break-all;
		/* break-all(允许在单词内换行。) */
		text-overflow: ellipsis;
		/* 超出部分省略号 */
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 1;
		/** 显示的行数 **/
	}

	/* 	.top_adr text::after {
		content: "...";
		position: absolute;
		color: #000;
		right: 0;
		top: 0;
	} */

	.top_adr image {
		width: 4vw;
		margin-top: 4vw;
		float: left;
		margin-right: 2vw;
	}

	.bai {
		width: 12vw;
		height: auto;
		float: left;
	}

	.top_tit {
		width: 100%;
		height: 12vw;
		line-height: 12vw;
		text-align: center;
		float: left;
	}

	.ind_mingxi_li {
		width: 100%;
		height: auto;
		float: left;
		background: #fff;
	}

	.ind_mingxi_i {
		width: 100%;
		height: 100vw;
		height: auto;
		float: left;
	}

	.shop {
		width: 100%;
		height: auto;
		float: left;
		margin-top: 10vw;
		margin-bottom: 20vw;
	}

	.shop_tit {
		width: 100%;
		height: auto;
		padding: 0 5vw;
	}

	.msg_list_img {
		width: 16vw;
		height: 16vw;
		display: block;
		float: left;
		overflow: hidden;
		background: #000;
		border-radius: 1vw;
	}

	.msg_list_img image {
		width: 100%;
		height: 100%;
		display: block;
		float: left;
	}

	.msg_list {
		width: 90%;
		height: auto;
		display: block;
		float: left;
		box-shadow: 0px 0px 5px #f2f2f2;
		padding: 3vw;
		border-radius: 1vw;
		/* border: 1px solid #f2f2f2; */
		margin: 0 5%;
		margin-top: 5vw;
		background: #fff;
	}

	.msg_list_tit {
		width: 77%;
		margin-left: 1%;
		height: auto;
		display: block;
		float: left;
		/* padding: 2vw 0; */
		line-height: 8vw;
		margin-left: 2%;
	}

	.msg_list_text {
		width: 80%;
		height: 6vw;
		float: left;
		margin: 1vw;
		line-height: 6vw;
		overflow: hidden;
		word-break: break-all;
		/* break-all(允许在单词内换行。) */
		text-overflow: ellipsis;
		/* 超出部分省略号 */
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 1;
		/** 显示的行数 **/
	}

	.msg_list_le {
		width: 50%;
		height: auto;
		display: block;
		float: left;
		line-height: 10vw;
	}

	.msg_list_ri {
		width: 50%;
		height: auto;
		display: block;
		float: left;
		text-align: right;
		line-height: 10vw;
	}

	.msa_list_tit_main {
		width: 100%;
		height: auto;
		float: left;
		display: flex;
		justify-content: space-between;
	}

	.msa_list_tit_main text {
		width: auto;
		display: block;
		float: right;
	}

	.bai {
		width: 100%;
		height: 12vw;
		display: block;
		float: left;
	}

	.msg_but {
		width: auto;
		height: 8vw;
		line-height: 8vw;
		padding: 0 2vw;
		background: #f1c75e;
		display: block;
		float: left;
		border-radius: 2vw;
		margin-right: 2vw;
		margin-bottom: 2vw;
	}

	.msg_but1 {
		width: auto;
		height: 8vw;
		line-height: 8vw;
		text-decoration: underline;
		/* padding: 0 3vw; */
		/* background: #8ecce5; */
		display: block;
		float: left;
		/* border-radius: 2vw; */
		margin-right: 2vw;
		margin-bottom: 2vw;
	}

	.msg_list_li {
		width: 100%;
		height: auto;
		display: block;
		float: left;
	}

	.msg_list_tab {
		/* border: 1px solid #f1c75e; */
		width: auto;
		display: block;
		float: left;
		/* padding: 0 2vw; */
		/* border-radius: 2vw; */
		margin-right: 2vw;
		height: auto;
		line-height: 5vw;
		max-height: 10vw;
		overflow: hidden;
		word-break: break-all;
		/* break-all(允许在单词内换行。) */
		text-overflow: ellipsis;
		/* 超出部分省略号 */
		display: -webkit-box;
		/** 对象作为伸缩盒子模型显示 **/
		-webkit-box-orient: vertical;
		/** 设置或检索伸缩盒对象的子元素的排列方式 **/
		-webkit-line-clamp: 2;
		/** 显示的行数 **/
	}

	.shop_tit_img {
		width: 7vw;
		height: 7vw;
		margin-right: 3vw;
	}

	.msg_img {
		width: 5vw;
		height: auto;
		margin-left: 4vw;
		margin-top: 2vw;
	}

	.float {
		width: 76%;
		height: 52vw;
		position: fixed;
		top: 50vh;
		background: #fff;
		margin-top: -26vw;
		border-radius: 2vw;
		box-shadow: 0px 0px 100vw #aaa;
		left: 12%;
	}

	.float_img {
		width: 18vw;
		height: 18vw;
		left: 30vw;
		top: -8vw;
	}

	.float_ts {
		width: 100%;
		height: auto;
		float: left;
		line-height: 6vw;
		padding: 2vw 0;
		text-align: center;
	}

	.up_but1 {
		width: 40%;
		float: left;
		height: 11.5vw;
		line-height: 11.5vw;
		margin-left: 8%;
		text-align: center;
		border: 1px solid #F1C75E;
		border-radius: 6vw;
		margin-top: 3vw;
	}

	.up_but2 {
		width: 40%;
		float: left;
		height: 12vw;
		line-height: 12vw;
		margin: 0;
		margin-left: 4%;
		margin-top: 3vw;
	}
</style>
